import React from 'react'
import './index.css'
import Open from '../assets/展开.svg'
import Message from '../assets/通知.svg'
import search from '../assets/Group 10.svg'

export default function Header() {
  return (
    // <div className='header'>
    //   <div className='header-left'>
    //     <img src={require('../assets/logo111.png')}/>
    //    <ul>
    //             <li><a href="#" >应用市场</a></li>
    //             <li><a href="#" >开发者</a></li>
    //             <li><a href="#" >社区合作伙伴</a></li>
    //             <li><a href="#" >支持与服务</a></li>
    //             <li><a href="#" >运营与管理</a></li>
    //     </ul>
    //   </div>
    //   <div className='header-right'>

    //   </div>
    // </div>

    <div className='nav'>
      <div className='logo'>
        <img style={{width:"100%",height:"24px"}} src={require("..//assets/logo111.png")}></img>
      </div>
      <ul className='navlist'>
        <li>应用市场</li>
        <li>开发者 <span><img style={{width:"12px",heigrt:"12px"}} src={Open} /></span></li>
        <li>社区合作伙伴  <span><img style={{width:"12px",heigrt:"12px"}} src={Open} /></span></li>
        <li>支持与服务  <span><img style={{width:"12px",heigrt:"12px"}} src={Open} /></span></li>
        <li>运营与管理  <span><img style={{width:"12px",heigrt:"12px"}} src={Open} /></span></li>
      </ul>
      <ul className='navright'>
        <li><img src={search} /></li>
        <li className='message'><img src={Message} />
          <span>99+</span>
        </li>
        <li>控制台</li>
        <li><img style={{width:"30px",height:"30px"}} src={require("../assets/头像@2x.png")} /></li>
        <li>momo.zxy  <span><img style={{width:"12px",heigrt:"12px"}} src={Open} /></span></li>
      </ul>
    </div>
  )
}
